@import "assets/variables.scss";
@import "~bulma/bulma";
@import "~font-awesome/scss/font-awesome.scss";
@import "~prismjs/themes/prism";

body {
	overflow: visible;
}
@include touch {
	#__layout > div > .container {
		margin-left: $gap;
		margin-right: $gap;
	}
}

a {
	text-decoration: underline;
	&:hover {
		text-decoration: underline;
	}
}
.footer, .navbar, .sidebar {
	a {
		text-decoration: none;
	}
}
.title {
	font-weight: normal;
}

.router-link-active {
	font-weight: bold;
}
.is-loading {
  position: relative;
  * {
      pointer-events: none;
      opacity: 0.5;
  }
  &:after {
	  @include loader;
      position: relative;
      width: 1em;
      position: absolute;
      top: 4em;
      left: calc(50% - 2.5em);
      width: 5em;
      height: 5em;
      border-width: 0.25em;
  }
}
.__nuxt-error-page {
	position: relative;
}
.accordion {
	margin-top: 2em;
	> :first-child {
		&, & > header {
			border-top-left-radius: $radius-large;
			border-top-right-radius: $radius-large;
		}
	}
	:last-child {
		& {
			border-bottom-left-radius: $radius-large;
			border-bottom-right-radius: $radius-large;
		}
		&.collapsed {
			& > header {
				border-bottom-left-radius: $radius-large;
				border-bottom-right-radius: $radius-large;
			}
		}
	}
}

/* prism */
pre[class*="language-"] {
	background: $light;
	border-radius: $radius-large;
	border: 1px solid $grey-lighter;
	.number {
		align-items: inherit;
		background-color: inherit;
		border-radius: inherit;
		display: inherit;
		font-size: inherit;
		height: inherit;
		justify-content: inherit;
		margin-right: inherit;
		min-width: inherit;
		padding: inherit;
		text-align: inherit;
		vertical-align: inherit;
	}
}
